<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">

<!-- BEGIN HEAD -->

<head>

    <meta charset="utf-8"/>

    <title>教学信息设置</title>

    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta th:content="${session.authorities}" id="authority"/>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->

    <link href="media/css/bootstrap.min.css" rel="stylesheet"
          type="text/css"/>

    <link href="media/css/bootstrap-responsive.min.css" rel="stylesheet"
          type="text/css"/>

    <link href="media/css/font-awesome.min.css" rel="stylesheet"
          type="text/css"/>

    <link href="media/css/style-metro.css" rel="stylesheet" type="text/css"/>

    <link href="media/css/style.css" rel="stylesheet" type="text/css"/>

    <link href="media/css/style-responsive.css" rel="stylesheet"
          type="text/css"/>

    <link href="media/css/default.css" rel="stylesheet" type="text/css"
          id="style_color"/>

    <!-- END GLOBAL MANDATORY STYLES -->

    <!-- BEGIN PAGE LEVEL STYLES -->

    <link rel="stylesheet" type="text/css"
          href="media/css/select2_metro.css"/>


    <link rel="stylesheet" href="media/css/DT_bootstrap.css"/>
    <link rel="stylesheet"
          href="media/ztree/css/bootstrapStyle/bootstrapStyle.css"
          type="text/css">

    <link rel="stylesheet" type="text/css"
          href="media/css/bootstrap-fileupload.css"/>

    <link rel="stylesheet" type="text/css"
          href="media/css/jquery.gritter.css"/>

    <link rel="stylesheet" type="text/css" href="media/css/chosen.css"/>

    <link rel="stylesheet" type="text/css"
          href="media/css/select2_metro.css"/>

    <link rel="stylesheet" type="text/css"
          href="media/css/jquery.tagsinput.css"/>

    <link rel="stylesheet" type="text/css" href="media/css/clockface.css"/>

    <link rel="stylesheet" type="text/css"
          href="media/css/bootstrap-wysihtml5.css"/>

    <link rel="stylesheet" type="text/css" href="media/css/datepicker.css"/>

    <link rel="stylesheet" type="text/css" href="media/css/timepicker.css"/>

    <link rel="stylesheet" type="text/css" href="media/css/colorpicker.css"/>

    <link rel="stylesheet" type="text/css"
          href="media/css/bootstrap-toggle-buttons.css"/>

    <link rel="stylesheet" type="text/css"
          href="media/css/daterangepicker.css"/>

    <link rel="stylesheet" type="text/css"
          href="media/css/datetimepicker.css"/>

    <link rel="stylesheet" type="text/css"
          href="media/css/multi-select-metro.css"/>

    <link href="media/css/bootstrap-modal.css" rel="stylesheet"
          type="text/css"/>

    <!-- END PAGE LEVEL STYLES -->

    <link rel="shortcut icon" href="media/image/favicon.ico"/>
    <style type="text/css">
        #tab_3_1 li.active {
            border-left: 1px solid #ddd;
            border-top: 3px solid #d12610;
            margin-top: 0;
            position: relative;
        }

        #tab_3_2 li.active {
            border-left: 1px solid #ddd;
            border-top: 3px solid #d12610;
            margin-top: 0;
            position: relative;
        }

        #tab_3_6 li.active {
            border-left: 1px solid #ddd;
            border-top: 3px solid #d12610;
            margin-top: 0;
            position: relative;
        }

        .radio {
            min-height: 0px;
        }

        .radio input[type="radio"] {
            margin-left: -15px;
        }
    </style>
</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="page-header-fixed">

<!-- BEGIN HEADER -->
<div th:replace="common/header :: header"></div>
<!-- END HEADER -->

<!-- BEGIN CONTAINER -->

<div class="page-container row-fluid">

    <!-- BEGIN SIDEBAR -->
    <div th:replace="common/sider :: sider"></div>
    <!-- END SIDEBAR -->
    <!-- BEGIN PAGE -->
    <div class="page-content">
        <!-- BEGIN PAGE CONTAINER-->
        <div class="container-fluid">
            <!-- BEGIN PAGE HEADER-->
            <div class="row-fluid">
                <div class="span12">
                    <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                    <h3 class="page-title">
                        教学信息设置
                    </h3>
                    <!-- END PAGE TITLE & BREADCRUMB-->

                </div>

            </div>

            <!-- END PAGE HEADER-->

            <!-- BEGIN PAGE CONTENT-->
            <div class="row-fluid ">

                <div class="span12">

                    <!-- BEGIN INLINE TABS PORTLET-->

                    <div class="portlet box green">
                        <div class="portlet-title">
                            <div class="caption">
                                <i class="icon-reorder"></i>基础信息设置
                            </div>
                            <div class="tools">
                                <a href="javascript:;" class="collapse"></a> <a
                                    href="#portlet-config" data-toggle="modal" class="config"></a>
                            </div>
                        </div>
                        <div class="portlet-body">
                            <div class="row-fluid">
                                <div class="span12">

                                    <!--BEGIN TABS-->
                                    <div class="tabbable tabbable-custom tabs-left">
                                        <ul class="nav nav-tabs tabs-left">
                                            <li class="active"><a href="#tab_3_1" data-toggle="tab">课程信息设置</a></li>
                                            <li><a href="#tab_3_2" data-toggle="tab">上课信息设置</a></li>
                                            <li><a href="#tab_3_3" data-toggle="tab"
                                                   sec:authorize="hasAuthority('PERMISSION_COURSE_RULE_EDIT')">上课规定设置</a>
                                            </li>
                                            <li><a href="#tab_3_4" data-toggle="tab">按次刷卡规则设置</a></li>
                                            <li><a href="#tab_3_5" data-toggle="tab">课评分值设置</a></li>
                                            <li><a href="#tab_3_6" data-toggle="tab">签到小票设置</a></li>
                                        </ul>
                                        <div class="tab-content">
                                            <div class="tab-pane active" id="tab_3_1">
                                                <div class="tabbable tabbable-custom">

                                                    <ul class="nav nav-tabs">

                                                        <li class="active"><a href="#tab_course"
                                                                              data-toggle="tab">课程设置</a></li>

                                                        <li class=""><a href="#tab_course_series" data-toggle="tab">课程系列设置
                                                        </a></li>

                                                    </ul>

                                                    <div class="tab-content">

                                                        <div class="tab-pane active" id="tab_course">

                                                            <div class="row-fluid">
                                                                <!--只有用户具有添加课程的权限时，才显示此表单-->
                                                                <div class="span12 form"
                                                                     sec:authorize="hasAuthority('PERMISSION_COURSE_ADD')">
                                                                    <form class="form-horizontal" id="course_form"
                                                                          onsubmit="return false;">
                                                                        <div class="row-fluid">
                                                                            <div class="span3">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span4">课程名称</label>
                                                                                    <div class="controls span8">
                                                                                        <input type="text"
                                                                                               class="m-wrap span10"
                                                                                               id="course_name"
                                                                                               name="courseName"> <span
                                                                                            class="help-inline"
                                                                                            style="color: red;">*</span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>

                                                                            <div class="span3">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span4">课程系列</label>
                                                                                    <div class="controls span8">
                                                                                        <select class="m-wrap span12"
                                                                                                name="courseSeries">
                                                                                            <option value="0">请选择
                                                                                            </option>
                                                                                            <option th:value="${series.id}"
                                                                                                    th:text="${series.courseSeriesName}"
                                                                                                    th:each="series:${series}">
                                                                                                编程
                                                                                            </option>

                                                                                        </select>
                                                                                        <!-- 											<span class="help-block">Select your gender.</span> -->
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="span3">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span4">扣课时数</label>
                                                                                    <div class="controls span8">
                                                                                        <input type="text"
                                                                                               class="m-wrap span12"
                                                                                               name="deductLessonHour">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="row-fluid">

                                                                            <div class="span6">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span2">适合年龄</label>
                                                                                    <div class="controls span2">
                                                                                        <select class="m-wrap span12"
                                                                                                name="suitableAgeFromYear">
                                                                                            <option value="">请选择
                                                                                            </option>
                                                                                            <option value="0岁">0岁
                                                                                            </option>
                                                                                            <option value="1岁">1岁
                                                                                            </option>
                                                                                            <option value="2岁">2岁
                                                                                            </option>
                                                                                            <option value="3岁">3岁
                                                                                            </option>
                                                                                            <option value="4岁">4岁
                                                                                            </option>
                                                                                            <option value="5岁">5岁
                                                                                            </option>
                                                                                            <option value="6岁">6岁
                                                                                            </option>
                                                                                        </select>
                                                                                    </div>
                                                                                    <div class="controls span2">
                                                                                        <select class="m-wrap span12"
                                                                                                name="suitableAgeFromMonth">
                                                                                            <option value="">请选择
                                                                                            </option>
                                                                                            <option value="1个月">1个月
                                                                                            </option>
                                                                                            <option value="2个月">2个月
                                                                                            </option>
                                                                                            <option value="3个月">3个月
                                                                                            </option>
                                                                                            <option value="4个月">4个月
                                                                                            </option>
                                                                                            <option value="5个月">5个月
                                                                                            </option>
                                                                                            <option value="6个月">6个月
                                                                                            </option>
                                                                                            <option value="7个月">7个月
                                                                                            </option>
                                                                                            <option value="8个月">8个月
                                                                                            </option>
                                                                                            <option value="9个月">9个月
                                                                                            </option>
                                                                                            <option value="10个月">10个月
                                                                                            </option>
                                                                                            <option value="11个月">11个月
                                                                                            </option>
                                                                                            <option value="12个月">12个月
                                                                                            </option>

                                                                                        </select>
                                                                                    </div>
                                                                                    <label class="control-label span1">至</label>
                                                                                    <div class="controls span2">
                                                                                        <select class="m-wrap span12"
                                                                                                name="suitableAgeToYear">
                                                                                            <option value="">请选择
                                                                                            </option>
                                                                                            <option value="0岁">0岁
                                                                                            </option>
                                                                                            <option value="1岁">1岁
                                                                                            </option>
                                                                                            <option value="2岁">2岁
                                                                                            </option>
                                                                                            <option value="3岁">3岁
                                                                                            </option>
                                                                                            <option value="4岁">4岁
                                                                                            </option>
                                                                                            <option value="5岁">5岁
                                                                                            </option>
                                                                                            <option value="6岁">6岁
                                                                                            </option>
                                                                                        </select>
                                                                                    </div>
                                                                                    <div class="controls span2">
                                                                                        <select class="m-wrap span12"
                                                                                                name="suitableAgeToMonth">
                                                                                            <option value="">请选择
                                                                                            </option>
                                                                                            <option value="1个月">1个月
                                                                                            </option>
                                                                                            <option value="2个月">2个月
                                                                                            </option>
                                                                                            <option value="3个月">3个月
                                                                                            </option>
                                                                                            <option value="4个月">4个月
                                                                                            </option>
                                                                                            <option value="5个月">5个月
                                                                                            </option>
                                                                                            <option value="6个月">6个月
                                                                                            </option>
                                                                                            <option value="7个月">7个月
                                                                                            </option>
                                                                                            <option value="8个月">8个月
                                                                                            </option>
                                                                                            <option value="9个月">9个月
                                                                                            </option>
                                                                                            <option value="10个月">10个月
                                                                                            </option>
                                                                                            <option value="11个月">11个月
                                                                                            </option>
                                                                                            <option value="12个月">12个月
                                                                                            </option>
                                                                                        </select>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="span4">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span2">备注</label>
                                                                                    <div class="controls span10">
                                                                                        <input type="text"
                                                                                               class="m-wrap span12"
                                                                                               name="courseRemark">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>

                                                                        <div class="row-fluid">
                                                                            <div class="span7">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span2">容量：</label>
                                                                                    <div class="controls span10">
                                                                                        <div class="radio">
                                                                                            <label>
                                                                                                <input type="radio"
                                                                                                       name="capacity">总数
                                                                                            </label>
                                                                                        </div>
                                                                                        <input type="text"
                                                                                               class="m-wrap span2"
                                                                                               name="totalCapacity"><span
                                                                                            class="radio">位</span>
                                                                                        <div class="radio">
                                                                                            <label>
                                                                                                <input type="radio"
                                                                                                       name="capacity">会员
                                                                                            </label>
                                                                                        </div>
                                                                                        <input type="text"
                                                                                               class="m-wrap span2"
                                                                                               name="memberCount"><span>位</span>
                                                                                        <div class="radio">
                                                                                            <label>
                                                                                                ，体验
                                                                                            </label>
                                                                                        </div>
                                                                                        <input type="text"
                                                                                               class="m-wrap span2"
                                                                                               name="experienceCount"><span>位</span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="span3">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span4">排序</label>
                                                                                    <div class="controls span8">
                                                                                        <input type="text"
                                                                                               class="m-wrap span6"
                                                                                               name="courseSort">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="span1">
                                                                                <div class="btn-group"
                                                                                >
                                                                                    <button class="btn green"
                                                                                            id="btn_course_add">
                                                                                        添加 <i class="icon-plus"></i>
                                                                                    </button>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <input type="reset" style="display:none;"/>
                                                                        <!--/row-->
                                                                    </form>
                                                                </div>

                                                                <div class="span12">
                                                                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                                                                    <div class="portlet box blue">

                                                                        <div class="portlet-title">

                                                                            <div class="caption">
                                                                                <i class="icon-globe"></i>课程设置
                                                                            </div>
                                                                        </div>
                                                                        <div class="portlet-body">
                                                                            <table
                                                                                    class="table table-striped table-bordered table-hover table-full-width"
                                                                                    id="course_table">
                                                                                <thead>
                                                                                <tr>
                                                                                    <th>课程名称</th>
                                                                                    <th>所属课程系列</th>
                                                                                    <th>总容量</th>
                                                                                    <th>会员容量</th>
                                                                                    <th>体验容量</th>
                                                                                    <th>扣课时数</th>
                                                                                    <th>适合年龄</th>
                                                                                    <th>排序</th>
                                                                                    <th>备注</th>
                                                                                    <th>操作</th>
                                                                                </tr>
                                                                                </thead>
                                                                                <tbody>
                                                                                </tbody>
                                                                            </table>
                                                                        </div>
                                                                    </div>
                                                                    <!-- END EXAMPLE TABLE PORTLET-->

                                                                </div>

                                                            </div>
                                                        </div>

                                                        <div class="tab-pane" id="tab_course_series">
                                                            <div class="row-fluid">
                                                                <div class="span12 form">
                                                                    <form class="form-horizontal"
                                                                          id="course_series_form"
                                                                          onsubmit="return false;">
                                                                        <div class="row-fluid">
                                                                            <div class="span4">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span4">课程系列名称</label>
                                                                                    <div class="controls span8">
                                                                                        <input type="text"
                                                                                               class="m-wrap span10"
                                                                                               id="series_name"
                                                                                               name="courseSeriesName">
                                                                                        <span class="help-inline"
                                                                                              style="color: red;">*</span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="span2">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span4">排序</label>
                                                                                    <div class="controls span8">
                                                                                        <input type="text"
                                                                                               class="m-wrap span12"
                                                                                               name="courseSeriesSort">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="span3">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span4">备注</label>
                                                                                    <div class="controls span8">
                                                                                        <input type="text"
                                                                                               class="m-wrap span12"
                                                                                               name="courseSeriesRemark">
                                                                                    </div>
                                                                                </div>
                                                                            </div>

                                                                            <div class="span1">
                                                                                <div class="btn-group"
                                                                                     sec:authorize="hasAuthority('PERMISSION_SERIES_ADD')">
                                                                                    <button class="btn green"
                                                                                            id="btn_series_add">
                                                                                        添加 <i class="icon-plus"></i>
                                                                                    </button>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <!--/row-->
                                                                    </form>
                                                                </div>
                                                            </div>
                                                            <div class="row-fluid">
                                                                <div class="span12">
                                                                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                                                                    <div class="portlet box blue">

                                                                        <div class="portlet-title">

                                                                            <div class="caption">
                                                                                <i class="icon-globe"></i>课程系列设置
                                                                            </div>
                                                                        </div>
                                                                        <div class="portlet-body">
                                                                            <table
                                                                                    class="table table-striped table-bordered table-hover table-full-width"
                                                                                    id="series_table">
                                                                                <thead>
                                                                                <tr>
                                                                                    <th>课程系列名称</th>
                                                                                    <th>排序</th>
                                                                                    <th>描述</th>
                                                                                    <th>创建时间</th>
                                                                                    <th>操作</th>
                                                                                </tr>
                                                                                </thead>
                                                                                <tbody>
                                                                                </tbody>
                                                                            </table>
                                                                        </div>
                                                                    </div>
                                                                    <!-- END EXAMPLE TABLE PORTLET-->

                                                                </div>

                                                            </div>
                                                        </div>

                                                    </div>

                                                </div>


                                            </div>
                                            <div class="tab-pane" id="tab_3_2">
                                                <div class="tabbable tabbable-custom">

                                                    <ul class="nav nav-tabs">

                                                        <li class="active"><a href="#tab_1_1"
                                                                              data-toggle="tab">上课教室设置</a></li>

                                                        <li class=""><a href="#tab_1_2" data-toggle="tab">上课时间设置
                                                        </a></li>

                                                    </ul>

                                                    <div class="tab-content">

                                                        <div class="tab-pane active" id="tab_1_1">
                                                            <div class="row-fluid">
                                                                <div class="span12 form">
                                                                    <form class="form-horizontal" id="classroom_form"
                                                                          onsubmit="return false;">
                                                                        <div class="row-fluid">
                                                                            <div class="span4">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span4">教室名称</label>
                                                                                    <div class="controls span8">
                                                                                        <input type="text"
                                                                                               class="m-wrap span10"
                                                                                               id="classroom_name"
                                                                                               name="classroomName">
                                                                                        <span
                                                                                                class="help-inline"
                                                                                                style="color: red;">*</span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="span2">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span4">排序</label>
                                                                                    <div class="controls span8">
                                                                                        <input type="text"
                                                                                               class="m-wrap span12"
                                                                                               name="classroomSort">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="span4">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span4">备注</label>
                                                                                    <div class="controls span8">
                                                                                        <input type="text"
                                                                                               class="m-wrap span12"
                                                                                               name="classroomRemark">
                                                                                    </div>
                                                                                </div>
                                                                            </div>

                                                                            <div class="span2">
                                                                                <div class="btn-group"
                                                                                     sec:authorize="hasAuthority('PERMISSION_CLASSROOM_ADD')">
                                                                                    <button class="btn green"
                                                                                            id="btn_classroom_add">
                                                                                        添加 <i class="icon-plus"></i>
                                                                                    </button>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <input type="reset" style="display:none;"/>
                                                                        <!--/row-->
                                                                    </form>
                                                                </div>
                                                            </div>
                                                            <div class="row-fluid">
                                                                <div class="span12">
                                                                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                                                                    <div class="portlet box blue">

                                                                        <div class="portlet-title">

                                                                            <div class="caption">
                                                                                <i class="icon-globe"></i>上课教室设置
                                                                            </div>
                                                                        </div>
                                                                        <div class="portlet-body">
                                                                            <table
                                                                                    class="table table-striped table-bordered table-hover table-full-width"
                                                                                    id="classroom_table">
                                                                                <thead>
                                                                                <tr>
                                                                                    <th>教室名称</th>
                                                                                    <th>排序</th>
                                                                                    <th>备注</th>
                                                                                    <th>创建时间</th>
                                                                                    <th>操作</th>
                                                                                </tr>
                                                                                </thead>
                                                                                <tbody>
                                                                                </tbody>
                                                                            </table>
                                                                        </div>
                                                                    </div>
                                                                    <!-- END EXAMPLE TABLE PORTLET-->

                                                                </div>

                                                            </div>
                                                        </div>

                                                        <div class="tab-pane" id="tab_1_2">
                                                            <div class="row-fluid">
                                                                <div class="span12 form"
                                                                     sec:authorize="hasAuthority('PERMISSION_COURSE_ADD')">
                                                                    <form class="form-horizontal" id="course_time_form"
                                                                          onsubmit="return false;">
                                                                        <div class="row-fluid">

                                                                            <div class="span6">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span2">上课时间</label>
                                                                                    <div class="controls span2">
                                                                                        <select class="m-wrap span12"
                                                                                                name="courseTime">
                                                                                            <option th:value="'0'+${i}"
                                                                                                    th:each="i:${#numbers.sequence(0,23)}"
                                                                                                    th:text="'0'+${i}+'点'"
                                                                                                    th:if="${i} lt 10">
                                                                                                0点
                                                                                            </option>
                                                                                            <option th:value="${i}"
                                                                                                    th:each="i:${#numbers.sequence(0,23)}"
                                                                                                    th:text="${i}+'点'"
                                                                                                    th:if="${i} ge 10">
                                                                                                0点
                                                                                            </option>

                                                                                        </select>
                                                                                    </div>
                                                                                    <div class="controls span2">
                                                                                        <select class="m-wrap span12"
                                                                                                name="courseTime">

                                                                                            <option th:value="'0'+${i}"
                                                                                                    th:each="i:${#numbers.sequence(0,55,5)}"
                                                                                                    th:text="'0'+${i}+'分'"
                                                                                                    th:if="${i} lt 6">0点
                                                                                            </option>
                                                                                            <option th:value="${i}"
                                                                                                    th:each="i:${#numbers.sequence(0,55,5)}"
                                                                                                    th:text="${i}+'分'"
                                                                                                    th:if="${i} ge 6">0点
                                                                                            </option>


                                                                                        </select>
                                                                                    </div>
                                                                                    <label class="control-label span1">至</label>
                                                                                    <div class="controls span2">
                                                                                        <select class="m-wrap span12"
                                                                                                name="courseTime">
                                                                                            <option th:value="'0'+${i}"
                                                                                                    th:each="i:${#numbers.sequence(0,23)}"
                                                                                                    th:text="'0'+${i}+'点'"
                                                                                                    th:if="${i} lt 10">
                                                                                                0点
                                                                                            </option>
                                                                                            <option th:value="${i}"
                                                                                                    th:each="i:${#numbers.sequence(0,23)}"
                                                                                                    th:text="${i}+'点'"
                                                                                                    th:if="${i} ge 10">
                                                                                                0点
                                                                                            </option>
                                                                                        </select>
                                                                                    </div>
                                                                                    <div class="controls span2">
                                                                                        <select class="m-wrap span12"
                                                                                                name="courseTime">
                                                                                            <option th:value="'0'+${i}"
                                                                                                    th:each="i:${#numbers.sequence(0,55,5)}"
                                                                                                    th:text="'0'+${i}+'分'"
                                                                                                    th:if="${i} lt 6">0点
                                                                                            </option>
                                                                                            <option th:value="${i}"
                                                                                                    th:each="i:${#numbers.sequence(0,55,5)}"
                                                                                                    th:text="${i}+'分'"
                                                                                                    th:if="${i} ge 6">0点
                                                                                            </option>

                                                                                        </select>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="span2">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span3">排序</label>
                                                                                    <div class="controls span9">
                                                                                        <input type="text"
                                                                                               class="m-wrap span12"
                                                                                               name="timeSort">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="span2">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span3">备注</label>
                                                                                    <div class="controls span9">
                                                                                        <input type="text"
                                                                                               class="m-wrap span12"
                                                                                               name="timeRemark">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="span1">
                                                                                <div class="btn-group">
                                                                                    <button class="btn green"
                                                                                            id="btn_course_time_add">
                                                                                        添加 <i class="icon-plus"></i>
                                                                                    </button>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <input type="reset" style="display:none;"/>
                                                                        <!--/row-->
                                                                    </form>
                                                                </div>
                                                            </div>
                                                            <div class="row-fluid">
                                                                <div class="span12">
                                                                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                                                                    <div class="portlet box blue">

                                                                        <div class="portlet-title">

                                                                            <div class="caption">
                                                                                <i class="icon-globe"></i>上课时间设置
                                                                            </div>
                                                                        </div>
                                                                        <div class="portlet-body">
                                                                            <table
                                                                                    class="table table-striped table-bordered table-hover table-full-width"
                                                                                    id="course_time_table">
                                                                                <thead>
                                                                                <tr>
                                                                                    <th>上课时间</th>
                                                                                    <th>排序</th>
                                                                                    <th>状态</th>
                                                                                    <th>备注</th>
                                                                                    <th>操作</th>
                                                                                </tr>
                                                                                </thead>
                                                                                <tbody>
                                                                                </tbody>
                                                                            </table>
                                                                        </div>
                                                                    </div>
                                                                    <!-- END EXAMPLE TABLE PORTLET-->

                                                                </div>

                                                            </div>
                                                        </div>

                                                    </div>

                                                </div>
                                            </div>
                                            <div class="tab-pane" id="tab_3_3"
                                                 sec:authorize="hasAuthority('PERMISSION_COURSE_RULE')">
                                                <div class="row-fluid">
                                                    <div class="span12 form">
                                                        <form class="form-horizontal" id="course_rule_form"
                                                              onsubmit="return false;">
                                                            <div class="row-fluid">
                                                                <input type="hidden" id="course_rule_id"/>

                                                                <div class="control-group">
                                                                    <label class="control-label span2">迟到规定：</label>
                                                                    <div class="controls span9">
                                                                        <input type="text" class="m-wrap span5"
                                                                               id="arriveLate" name="arriveLate"><span
                                                                            class="help-inline">分钟</span>
                                                                        <span
                                                                                class="help-inline"
                                                                                style="color: red;">注：晚来超过多少分钟，签到算迟到</span>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                            <div class="row-fluid">

                                                                <div class="control-group">
                                                                    <label class="control-label span2">旷课规定：</label>
                                                                    <div class="controls span9">
                                                                        <input type="text" class="m-wrap span5"
                                                                               name="absentCourse"
                                                                               id="absentCourse">
                                                                        <span class="help-inline">分钟</span>
                                                                        <span
                                                                                class="help-inline"
                                                                                style="color: red;">注：晚来超过多少分钟，签到算旷课</span>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                            <div class="row-fluid">

                                                                <div class="control-group">
                                                                    <label class="control-label span2">旷课扣课：</label>
                                                                    <div class="controls span9">
                                                                        <input type="text" class="m-wrap span5"
                                                                               name="deductCourse"
                                                                               id="deductCourse">
                                                                        <span class="help-inline">次</span>
                                                                        <spa
                                                                                class="help-inline"
                                                                                style="color: red;">
                                                                            注：当月旷课达到多少次，签到扣课。如果设置为99，此功能将不启用
                                                                        </spa>

                                                                    </div>
                                                                </div>

                                                            </div>
                                                            <div class="row-fluid">

                                                                <div style="margin-left: 150px;"
                                                                     sec:authorize="hasAuthority('PERMISSION_COURSE_RULE_EDIT')">
                                                                    <button class="btn green"
                                                                            id="btn_course_rule_update">
                                                                        提交 <i class="icon-plus"></i>
                                                                    </button>
                                                                </div>

                                                            </div>
                                                            <!--/row-->
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane" id="tab_3_4">
                                                <div class="row-fluid">
                                                    <div class="span2">
                                                        <div class="btn-group"
                                                             sec:authorize="hasAuthority('PERMISSION_CARD_RULE_ADD')">
                                                            <button class="btn green"
                                                                    id="btn_card_rules_add">
                                                                添加 <i class="icon-plus"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row-fluid">
                                                    <div class="span12">
                                                        <!-- BEGIN EXAMPLE TABLE PORTLET-->
                                                        <div class="portlet box blue">

                                                            <div class="portlet-title">

                                                                <div class="caption">
                                                                    <i class="icon-globe"></i>按次刷卡设置
                                                                </div>
                                                            </div>
                                                            <div class="portlet-body">
                                                                <table
                                                                        class="table table-striped table-bordered table-hover table-full-width"
                                                                        id="card_table">
                                                                    <thead>
                                                                    <tr>
                                                                        <th>规则名称</th>
                                                                        <th>刷卡时间</th>
                                                                        <th>扣课／扣积分</th>
                                                                        <th>创建时间</th>
                                                                        <th>状态</th>
                                                                        <th>操作</th>
                                                                    </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                        <!-- END EXAMPLE TABLE PORTLET-->

                                                    </div>

                                                </div>
                                            </div>
                                            <div class="tab-pane" id="tab_3_5">
                                                <div class="row-fluid">
                                                    <div class="span12 form">
                                                        <form class="form-horizontal" id="course_comment_form"
                                                              onsubmit="return false;">
                                                            <div class="row-fluid">
                                                                <div class="span4">
                                                                    <div class="control-group">
                                                                        <label class="control-label span4">名称</label>
                                                                        <div class="controls span8">
                                                                            <input type="text" class="m-wrap span10"
                                                                                   id="commentName" name="commentName">
                                                                            <span class="help-inline"
                                                                                  style="color: red;">*</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="span3">
                                                                    <div class="control-group">
                                                                        <label class="control-label span4">最高分值</label>
                                                                        <div class="controls span8">
                                                                            <input type="text" class="m-wrap span10"
                                                                                   id="area_name" name="commentScore">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="span3">
                                                                    <div class="control-group">
                                                                        <label class="control-label span4">排序</label>
                                                                        <div class="controls span8">
                                                                            <input type="text" class="m-wrap span10"
                                                                                   id="area_ne" name="commentSort">
                                                                        </div>
                                                                    </div>
                                                                </div>


                                                                <div class="span1">
                                                                    <div class="btn-group"
                                                                         sec:authorize="hasAuthority('PERMISSION_COURSE_COMMENT_ADD')">
                                                                        <button class="btn green" id="btn_comment_add">
                                                                            添加 <i class="icon-plus"></i>
                                                                        </button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <input type="reset" style="display:none;"/>
                                                            <!--/row-->
                                                        </form>
                                                    </div>
                                                </div>
                                                <div class="row-fluid">
                                                    <div class="span12">
                                                        <!-- BEGIN EXAMPLE TABLE PORTLET-->
                                                        <div class="portlet box blue">

                                                            <div class="portlet-title">

                                                                <div class="caption">
                                                                    <i class="icon-globe"></i>课评分值设置
                                                                </div>
                                                            </div>
                                                            <div class="portlet-body">
                                                                <table
                                                                        class="table table-striped table-bordered table-hover table-full-width"
                                                                        id="comment_table">
                                                                    <thead>
                                                                    <tr>
                                                                        <th>名称</th>
                                                                        <th>最高分值</th>
                                                                        <th>排序</th>
                                                                        <th>操作</th>
                                                                    </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                        <!-- END EXAMPLE TABLE PORTLET-->

                                                    </div>

                                                </div>
                                            </div>
                                            <div class="tab-pane" id="tab_3_6">
                                                <div class="tabbable tabbable-custom">

                                                    <ul class="nav nav-tabs">

                                                        <li class="active"><a href="#tab_arrange_course"
                                                                              data-toggle="tab">当天预约排课签到设置</a></li>

                                                        <li class=""><a href="#tab_swipe_card" data-toggle="tab">当天按次刷卡设置
                                                        </a></li>

                                                    </ul>

                                                    <div class="tab-content">
                                                        <div class="tab-pane active" id="tab_arrange_course">
                                                            <div class="row-fluid">
                                                                <!--只有用户具有添加课程的权限时，才显示此表单-->
                                                                <div class="span12 form"
                                                                     sec:authorize="hasAuthority('PERMISSION_COURSE_ADD')">
                                                                    <form class="form-horizontal" id=""
                                                                          onsubmit="return false;">
                                                                        <input type="hidden" id="arrange_hidden"/>
                                                                        <div class="row-fluid">
                                                                            <div class="span12">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span1">模版内容</label>
                                                                                    <div class="controls span10">
                                                                                        <textarea class="m-wrap span11"
                                                                                                  name="content"
                                                                                                  rows="20"
                                                                                                  id="kindeditor_arrange"
                                                                                                  style="width:700px;height:500px;"> </textarea>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="row-fluid">
                                                                            <label class="control-label span12">可用参数:[签到时间]
                                                                                [学员名称] [签到状态] [上课时间] [班级] [教室] [会员卡号]
                                                                                [扣除课时数] [赠送积分数] [剩余课时] [主讲老师] [助教老师]
                                                                                [剩余积分] [顾问]</label>
                                                                        </div>
                                                                        <hr>
                                                                        <div class="row-fluid">
                                                                            <div class="span1">
                                                                                <div class="btn-group">
                                                                                    <button class="btn green"
                                                                                            id="btn_arrange_template">
                                                                                        保存 <i class="icon-plus"></i>
                                                                                    </button>
                                                                                </div>
                                                                            </div>
                                                                        </div>

                                                                    </form>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane" id="tab_swipe_card">
                                                            <div class="row-fluid">
                                                                <div class="span12 form"
                                                                     sec:authorize="hasAuthority('PERMISSION_COURSE_ADD')">
                                                                    <form class="form-horizontal"
                                                                          id="swipe_template_form"
                                                                          onsubmit="return false;">
                                                                        <input type="hidden" id="swipe_hidden"/>
                                                                        <div class="row-fluid">
                                                                            <div class="span12">
                                                                                <div class="control-group">
                                                                                    <label class="control-label span1">模版内容</label>
                                                                                    <div class="controls span10">
                                                                                        <textarea class="m-wrap span11"
                                                                                                  name="content"
                                                                                                  rows="20"
                                                                                                  style="width:700px;height:500px;"
                                                                                                  id="kindeditor_card"></textarea>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="row-fluid">
                                                                            <label class="control-label span12">可用参数:[签到时间]
                                                                                [学员名称] [签到状态] [上课时间] [班级] [教室] [会员卡号]
                                                                                [扣除课时数] [赠送积分数] [剩余课时] [主讲老师] [助教老师]
                                                                                [剩余积分] [顾问]</label>
                                                                        </div>
                                                                        <hr>
                                                                        <div class="row-fluid">
                                                                            <div class="span1">
                                                                                <div class="btn-group">
                                                                                    <button class="btn green"
                                                                                            id="btn_swipe_template">
                                                                                        保存 <i class="icon-plus"></i>
                                                                                    </button>
                                                                                </div>
                                                                            </div>
                                                                        </div>

                                                                    </form>
                                                                </div>
                                                            </div>
                                                        </div>

                                                    </div>

                                                </div>


                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- START 编辑教室信息 ALERT-->
            <div class="row-fluid" id="classroom_alert" style="display: none;">
                <div class="span12">
                    <div class="portlet box blue" id="form_wizard">
                        <div class="portlet-body form">
                            <form action="#" method="POST" class="form-horizontal"
                                  id="room_edit_form">
                                <div class="form-wizard">
                                    <div class="control-group">
                                        <label class="control-label">教室名称<span
                                                class="required">*</span></label>
                                        <div class="controls">
                                            <input type="text" class="span8 m-wrap" id="roomName" name="classroomName"/>
                                            <span class="help-inline"></span>
                                        </div>
                                    </div>
                                    <div class="control-group ">
                                        <label class="control-label">排序</label>
                                        <div class="controls">
                                            <input type="text" class="span8 m-wrap" id="roomSort" name="classroomSort"/>
                                            <span class="help-inline"></span>
                                        </div>
                                    </div>
                                    <div class="control-group ">
                                        <label class="control-label">备注</label>
                                        <div class="controls">
                                            <input class="span8 m-wrap" id="roomRemark" name="classroomRemark"/>
                                            <span class="help-inline"></span>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END 编辑教室信息 ALERT-->

            <!-- 编辑上课时间设置的弹框-->
            <div class="row-fluid" id="course_time_edit_alert" style="display: none;margin-top: 20px;">
                <div class="span12 form"
                     sec:authorize="hasAuthority('PERMISSION_COURSE_TIME_EDIT')">
                    <form class="form-horizontal" id="course_time_edit_form"
                          onsubmit="return false;">
                        <div class="row-fluid">

                            <div class="span6">
                                <div class="control-group">
                                    <label class="control-label span2">上课时间</label>
                                    <div class="controls span2">
                                        <select class="m-wrap span12"
                                                name="courseTime" id="e_time1">
                                            <option th:value="'0'+${i}" th:each="i:${#numbers.sequence(0,23)}"
                                                    th:text="'0'+${i}+'点'" th:if="${i} lt 10">0点
                                            </option>
                                            <option th:value="${i}" th:each="i:${#numbers.sequence(0,23)}"
                                                    th:text="${i}+'点'" th:if="${i} ge 10">0点
                                            </option>

                                        </select>
                                    </div>
                                    <div class="controls span2">
                                        <select class="m-wrap span12"
                                                name="courseTime" id="e_time2">
                                            <option th:value="'0'+${i}" th:each="i:${#numbers.sequence(0,55,5)}"
                                                    th:text="'0'+${i}+'分'" th:if="${i} lt 6">0点
                                            </option>
                                            <option th:value="${i}" th:each="i:${#numbers.sequence(0,55,5)}"
                                                    th:text="${i}+'分'" th:if="${i} ge 6">0点
                                            </option>


                                        </select>
                                    </div>
                                    <label class="control-label span1">至</label>
                                    <div class="controls span2">
                                        <select class="m-wrap span12"
                                                name="courseTime" id="e_time3">
                                            <option th:value="'0'+${i}" th:each="i:${#numbers.sequence(0,23)}"
                                                    th:text="'0'+${i}+'点'" th:if="${i} lt 10">0点
                                            </option>
                                            <option th:value="${i}" th:each="i:${#numbers.sequence(0,23)}"
                                                    th:text="${i}+'点'" th:if="${i} ge 10">0点
                                            </option>
                                        </select>
                                    </div>
                                    <div class="controls span2">
                                        <select class="m-wrap span12"
                                                name="courseTime" id="e_time4">
                                            <option th:value="'0'+${i}" th:each="i:${#numbers.sequence(0,55,5)}"
                                                    th:text="'0'+${i}+'分'" th:if="${i} lt 6">0点
                                            </option>
                                            <option th:value="${i}" th:each="i:${#numbers.sequence(0,55,5)}"
                                                    th:text="${i}+'分'" th:if="${i} ge 6">0点
                                            </option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="span2">
                                <div class="control-group">
                                    <label class="control-label span3">排序</label>
                                    <div class="controls span9">
                                        <input type="text"
                                               class="m-wrap span12"
                                               name="timeSort" id="e_timeSort">
                                    </div>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    <label class="control-label span3">备注</label>
                                    <div class="controls span9">
                                        <input type="text"
                                               class="m-wrap span12"
                                               name="timeRemark" id="e_timeRemark">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--/row-->
                    </form>
                </div>
            </div>
            <!-- 编辑课程系列的弹框-->
            <div class="row-fluid" id="series_edit_alert"
                 style="display: none;">
                <div class="span12">
                    <div class="portlet box blue">
                        <div class="portlet-body form">
                            <form action="#" method="POST" class="form-horizontal"
                                  id="series_edit_form">
                                <div class="form-wizard">
                                    <div class="control-group">
                                        <label class="control-label">课程系列名称<span class="required">*</span></label>
                                        <div class="controls">
                                            <input type="text" class="span8 m-wrap" id="e_series_name"
                                                   name="courseSeriesName"/> <span class="help-inline"></span>
                                        </div>
                                    </div>
                                    <div class="control-group ">
                                        <label class="control-label">排序</label>
                                        <div class="controls">
												<textarea class="span8 m-wrap" name="courseSeriesSort"
                                                          id="e_series_sort"></textarea>
                                            <span class="help-inline"></span>
                                        </div>
                                    </div>
                                    <div class="control-group ">
                                        <label class="control-label">备注</label>
                                        <div class="controls">
												<textarea class="span8 m-wrap" name="courseSeriesRemark"
                                                          id="e_series_remark"></textarea>
                                            <span class="help-inline"></span>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <!--编辑课评分值的弹框-->
            <div class="row-fluid" id="comment_edit_alert"
                 style="display: none;">
                <div class="span12">
                    <div class="portlet box blue">
                        <div class="portlet-body form">
                            <form action="#" method="POST" class="form-horizontal"
                                  id="comment_edit_form">
                                <div class="form-wizard">
                                    <div class="control-group">
                                        <label class="control-label">名称<span class="required">*</span></label>
                                        <div class="controls">
                                            <input type="text" class="span8 m-wrap" id="e_commentName"
                                                   name="commentName"/> <span class="help-inline"></span>
                                        </div>
                                    </div>
                                    <div class="control-group ">
                                        <label class="control-label">最高分值</label>
                                        <div class="controls">
                                            <input type="text" class="span8 m-wrap" id="e_commentScore"
                                                   name="commentScore"/>
                                        </div>
                                    </div>
                                    <div class="control-group ">
                                        <label class="control-label">排序</label>
                                        <div class="controls">
												<textarea class="span8 m-wrap" name="commentSort"
                                                          id="e_commentSort"></textarea>
                                            <span class="help-inline"></span>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <!-- END PAGE CONTENT-->

        </div>

        <!-- END PAGE CONTAINER-->

    </div>

    <!-- END PAGE -->

</div>

<!-- END CONTAINER -->

<!-- BEGIN FOOTER -->

<div class="footer">

    <div class="footer-inner">2013 &copy; Metronic by keenthemes.</div>

    <div class="footer-tools">

			<span class="go-top"> <i class="icon-angle-up"></i>

			</span>

    </div>

</div>

<!-- END FOOTER -->

<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

<!-- BEGIN CORE PLUGINS -->

<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>

<script src="media/js/jquery-migrate-1.2.1.min.js"
        type="text/javascript"></script>

<script src="media/js/bootstrap.min.js" type="text/javascript"></script>


<script src="media/js/jquery.slimscroll.min.js" type="text/javascript"></script>

<script src="media/js/jquery.blockui.min.js" type="text/javascript"></script>

<script src="media/js/jquery.cookie.min.js" type="text/javascript"></script>

<script src="media/js/jquery.uniform.min.js" type="text/javascript"></script>

<!-- END CORE PLUGINS -->

<!-- BEGIN PAGE LEVEL PLUGINS -->

<script type="text/javascript" src="media/js/select2.min.js"></script>
<script type="text/javascript" src="media/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="media/js/DT_bootstrap.js"></script>
<script type="text/javascript" src="media/js/chosen.jquery.min.js"></script>
<script type="text/javascript" src="media/js/jquery.tagsinput.min.js"></script>

<script type="text/javascript" src="media/js/kindeditor/kindeditor-all-min.js"></script>
<script type="text/javascript" src="media/js/kindeditor/lang/zh-CN.js"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script type="text/javascript" src="media/layer/layer.js"></script>
<script src="media/js/app.js"></script>
<script src="media/js/classroom.js"></script>
<script src="media/js/swipe_card_rules.js"></script>
<script src="media/js/course.js"></script>
<script src="media/js/series.js"></script>
<script src="media/js/coursetime.js"></script>
<script src="media/js/courserule.js"></script>
<script src="media/js/coursecomment.js"></script>
<script src="media/js/receipt_template.js"></script>
<script>
    jQuery(document).ready(function () {
        App.init();
//
//        StudentState.init();
        Course.init();
        Series.init();
        Classroom.init();
        SwipeCardRules.init();
        CourseTime.init();

        CourseRule.init();
        CourseComment.init();
        RecepitTemplate.init();


    });
</script>

</body>

<!-- END BODY -->

</html>